@charset "utf-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++手机端menu css++++++++++++++++++++++++++++++++++++*/
header.mobile_header{width:100%; float:left; margin: 0;displya:block;}
header.mobile_header .menu_icon{ width:50px; height:50px; position:absolute; z-index:99; top:12px; right:0px;}
header.mobile_header .menu_icon img{ width:70%;}
#nav-phone {position: fixed;top: 0;right: -100%;width:100%;height: 100%;background: rgba(0,0,0,0.8);z-index:2000;}
.close { float: right; margin-top:15px; width:50px; height:50px;opacity: 1;font-weight: bold;}
.close img{width:50%;}
.mobile_header .mobile_menu {width:100%;margin-top:20px; float:right;height:auto;z-index:99; text-align:center;}
.mobile_header .mobile_menu li a {display:block;width:100%;height:100%;font-size:18px;padding:10px 0;color:#fff;line-height: 1.7; font-weight:bold; font-family: "Avanti_Bold";}
.mobile_menu li h3 {width: 100%;background: url(images/in_10.png) right center no-repeat; position:relative;}
.mobile_menu li:four-child h3{background: none;}
.mobile_menu .selected h3 {background: url(images/in_11.png) right center no-repeat;}
.mobile_menu li .list-item {position: relative;overflow: hidden;zoom: 1;display: none;padding-bottom: 30px;}
.mobile_menu li .list-item a{font-size:12px;display: block;padding:5px 0;color:#fff; font-weight:normal;}
.mobile_menu li .list-item a:hover{ color:#fff; text-decoration:underline;}
.icon { background:url(images/icon1.png); background-repeat: no-repeat; }
.mobile_header .logo{width:100%; float:left; font-size:17px; font-weight:bold; color:#fff; text-transform:uppercase;}
.mobile_header .logo img{width:80px; margin:0 5px 0px 10px;}

.mobile_header .mobile_menu li.last{width:100%;position: absolute; bottom:5%; text-align: center;font-size:16px;color:#fff; font-family: "Avanti_Bold";}

/*++++++++++++++++++++++++++++++++++++手机端banner css++++++++++++++++++++++++++++++++++++*/
.index-slider-wrap {height: calc(86vh - 44px); }
.index-slider-wrap .bx-prev {left: 10px; }
.index-slider-wrap .bx-next {right: 10px; }
.index-slider-wrap .bx-wrapper .bx-controls .bx-pager {bottom: 25px; }
.index-slider-wrap li {height: calc(86vh - 44px); }
.index-slider-wrap .index-slider-text {left: 10px;right: 10px;bottom: 65px; }
.index-slider-wrap .index-slider-text,.index-slider-wrap .index-slider-text h1,.index-slider-wrap .index-slider-text p {/*text-align: center; */}
.index-slider-wrap .square-heading {width: 100%;display: inline-block;/*text-align: center; */}
.index-slider-wrap .square-heading.title {font-size: 24px; }
.index-slider-wrap .square-heading-bg-1 {background: url(../images/mobile_banner1.jpg) top center no-repeat; background-size:100%;}
.index-slider-wrap .square-heading-bg-2 {background: url(../images/mobile_banner2.jpg) top center no-repeat; background-size:100%; }
.index-slider-wrap .square-heading-bg-3 {background: url(../images/mobile_banner3.jpg) top center no-repeat; background-size:100%; }
.index-slider-wrap .square-heading-bg-4 {background: url(../images/mobile_banner4.jpg) top center no-repeat; background-size:100%; }
.index-slider-wrap .square-heading-bg-5 {background: url(../images/mobile_banner5.jpg) top center no-repeat; background-size:100%; }
.index-slider-wrap .square-heading-3 {width: 75%; }
.index-slider-wrap .center-block {margin-left: auto;margin-right: auto;display: block;float: none; }


@media (max-width: 599px) {
	.bx-wrapper .bx-controls-direction a {top: 45%; }
	.index-slider-wrap .bx-wrapper .bx-controls .bx-pager {bottom: 17px; }
	.index-slider-wrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item {margin: auto 4px; }
	.index-slider-wrap .bx-wrapper .bx-controls .bx-pager a {width: 7px;height: 7px; }
	.index-slider-wrap .index-slider-text {bottom:35%;} 
	.bx-wrapper img{width:75%;}
}

/* All mobile devices================================ */
@media (max-width: 768px) {
    .container {width: 98%;padding: 0 1%;}
    .ml-0 {margin: 0 !important; }
    .no-margin-mobile {margin: 0 !important; }
    .no-padding-mobile {padding: 0 !important; }
    .row-mobile {margin-left: -18px;margin-right: -18px; }
    .header_bg{display:none;}
    .menu li.last{ display:none;}
    .translate_wrapper{ display:none;}

    .index-slider-wrap .square-heading-bg-1 {background: url(../images/mobile_banner1.jpg) top center no-repeat !important;}
    .index-slider-wrap .square-heading-bg-2 {background: url(../images/mobile_banner2.jpg) top center no-repeat !important;}
    .index-slider-wrap .square-heading-bg-3 {background: url(../images/mobile_banner3.jpg) top center no-repeat !important;}
    .index-slider-wrap .square-heading-bg-4 {background: url(../images/mobile_banner4.jpg) top center no-repeat !important;}
    .index-slider-wrap .square-heading-bg-5 {background: url(../images/mobile_banner5.jpg) top center no-repeat !important;}
    
    .inabout_text .inabout_more{width:40% !important; margin-bottom: 15px;}
    .inabout_img{ position:relative;}
    .inabout_img img{width:100%;}
    .inabout_img .dots{ position:absolute; z-index: 2; top:20% !important; left: 20% !important;}
    
    ul.product_info li{width:50% !important;}
    .productview img{width:100% !important;}
    .page span{ width:18% !important;}
    
    ul.news_info{padding:0px 0 !important;}
    ul.news_info li img{width:100% !important; margin-right:0 !important; margin-bottom: 15px;}
    ul.news_info li h4{ font-size:13px; color: #789017;}
    ul.news_info li p{ font-size:16px;}
    ul.news_info li .news_more{width:160px; float: left; line-height: 45px; text-align: center; margin-top: 40px;}
    ul.news_info li .news_more a{ color:#fff; display: block; background: #464646; border-radius:4px;}
    ul.news_info li .news_more a:hover{ background:#000; border-radius:4px;}

    .message_info{width:100% !important; float:left; margin: 0 !important;}
    .message_info ol li{width:100% !important;}
    .message_info li input{width:92.5% !important; }
    .message_info li input.yzm{width:65% !important;}
    
    .contact_map{width:100% !important; position:relative !important;}



    .footer_list li{width:100% !important;}
    .copyright{line-height: 24px !important; padding-top: 10px;}


}